<template>
  <div class="myHeader" :style="{background:$store.state.itemColor}">
      <section>学习记事本</section>
      <i class="iconfont icon-hanbaocaidanzhedie" @click="$emit('maskFtn')"></i>
  </div>
</template>

<script>
export default {
  setup() {},
};
</script>
<style lang="scss" scoped>
.myHeader{
  height: 60px;
  display: flex;
  color: #fff;
  background: pink;
  align-items: center;
  padding: 0 10px;
  section{
    flex: 1;
    text-align: center;
    font-size: 20px;
  }
  .iconfont{
    font-size: 32px;
  }
}
</style>